<template>
	<div class="login-box">
		<header class="header flex-row">
			<div @click="$router.go(-1)" class="left iconfont icon-left"></div>
			<div class="title">Registro</div>
		</header>
		<form class="form" v-on:submit.prevent>
			<div class="form-box">
				<div class="text">Số điện thoại</div>
				<div class="flex">
					<div class="area">+84</div>
					<input type="text" class="login-input" maxlength="11" placeholder="Vui lòng nhập số điện thoại di động"
						v-model="postdata.mobile" />
				</div>

			</div>
			<div class="form-box">
			    <h4 class="text">Mật ngữ</h4>
			    <div class="flex">
			        <input type="password" class="login-input" maxlength="64" placeholder="Vui lòng nhập mật khẩu"
			            autocomplete="on" v-model="postdata.password" />
			    </div>
			</div>

			<div class="form-box">
			    <h4 class="text">Xác nhận mật khẩu</h4>
			    <div class="flex">
			        <input type="password" class="login-input" maxlength="64" placeholder="Vui lòng nhập mật khẩu"
			            autocomplete="on" v-model="postdata.confirm" />
			    </div>
			</div>
			<div class="form-box">
			    <button @click="sub" class="topup">Đăng nhập</button>
			</div>
		</form>
	</div>
</template>

<script>
	import AJAX from '@/utils/http';
	export default {
		data() {
			return {
				postdata: {
					mobile: '',
					password: '',
					confirm:'',
					invite:localStorage.getItem('invite')
				},
			};
		},
		created() {
			// 获取URL参数中的token
			const token = this.$route.query.token;
			if (token !== undefined && token !== null && token !== '') {
				// 执行你的逻辑，比如存储token到本地存储
				localStorage.setItem('token', token);
				this.$router.push('/');
			}
		},
		methods: {
			sub() {
				fbq('track', 'CompleteRegistration');
				if(this.postdata.mobile == ''){
					this.$toast('Vui lòng nhập số điện thoại di động');
					return;
				}
				else if(this.postdata.password == ''){
					this.$toast('Vui lòng nhập mật khẩu');
					return;
				}
				else if (this.postdata.confirm !== this.postdata.password) {
					this.$toast('Hai mật khẩu không phù hợp');
					return;
				}
				else{
					AJAX.post('/user/register', this.postdata).then(e => {
						// 未登录
						if (!e.code || !e.data.token) {
							this.$toast(e.msg);
							return;
						}

						localStorage.setItem('token', e.data.token);
						this.$alert(e.msg, 'Ok', () => {
							localStorage.removeItem('invite')
							this.$router.replace('/');
						});
					});
				}

			}
		}
	}
</script>

<style scoped>
	.login-box {
		justify-content: start;
		padding-top: 66px;
	}
</style>
